import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

import './directive'

import 'amfe-flexible'

// 导入全局组件 Aritems 并 全局注册 (今后在任意vue文件中直接使用)
import Aritems from './components/Aritems.vue'

import { formTimeAgoFn } from './utils/time'
// 把公共函数 加入 到vue的原型上，原理就是：每个vue组件都是继承自vue的实例，可以直接访问vue原型上的一切属性和方法
Vue.prototype.formTimeAgoFn = formTimeAgoFn


// 注册全局组件
Vue.component(Aritems.name, Aritems)

import { NavBar, Form, Field, Button, Tabbar, TabbarItem, Icon, Tab, Tabs, Cell, List, PullRefresh, ActionSheet, Toast, Dialog, Popup, Row, Col, Badge, Search, Divider } from 'vant'

Vue.use(NavBar)
Vue.use(Form)
Vue.use(Field)
Vue.use(Button)

Vue.use(Tabbar);
Vue.use(TabbarItem);

Vue.use(Icon);

Vue.use(Tab);
Vue.use(Tabs);
Vue.use(Cell);
Vue.use(List);
Vue.use(PullRefresh);
Vue.use(ActionSheet);
Vue.use(Toast);
Vue.use(Dialog);

Vue.use(Popup);

Vue.use(Row);
Vue.use(Col);
Vue.use(Badge);

Vue.use(Search);

Vue.use(Divider);
Vue.config.productionTip = false

new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app')